<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>深圳欣米文化传播有限公司,网页设计,UI设计,平面设计,网页制作,广告设计</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	
	<div id="warp">
		<!-- Header -->
		<div class="header" id="header">
			<div class="container">
				<!-- Nav -->
				<div class="nav">
					<!-- Search -->
					<div class="search">
						<span class="glyphicon glyphicon-search"></span>
					</div>
					<!-- Search end -->

					<!-- Menu -->
					<ul class="menu">
                        <li class=""><a href="#header" class="active">Home</a></li>
                        <li class=""><a href="#content">Services</a></li>
                        <li class=""><a href="#case">Cases</a></li>
                        <li class=""><a href="http://www.lagou.com/gongsi/43575.html" target="_blank">Join Us</a></li>
                        <li class=""><a href="#contact">Contact Us</a></li>
                    </ul>
					<!-- Menu end -->
					
					<!-- Mobile -->
					<div class="mobile-logo">
						<a href=""><img src="img/mobile-logo.png" alt=""></a>
					</div>
					<!-- Mobile end -->


					<!-- Mobile -->
					<div class="mobile-menu">
						<span class="glyphicon glyphicon-list"></span>
					</div>
					<!-- Mobile end -->

					
				</div>
				<!-- Nav end -->
				
				<!-- Logo -->
				<div class="logo">
					<a href=""><img id="logo-pic" src="img/logo.png" alt=""></a>
				</div>
				<!-- Logo end -->

			</div>
		</div>
		<!-- Header end -->

		<!-- Slider -->
		<div class="slider">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			      <div class="swiper-slide slider1"></div>
			      <div class="swiper-slide slider2"></div>
			    </div>
			    <!-- Add Arrows -->
			    <div class="btn-next">
			    	<span class="glyphicon glyphicon-menu-right"></span>
			    </div>
			    <div class="btn-prev">
			    	<span class="glyphicon glyphicon-menu-left"></span>
			    </div>
			  </div>

			  <!-- 向下滑动动画 -->
			  <div class="down">
			  	<span class="glyphicon glyphicon-menu-down"></span>
			  </div>
			  <!-- 向下滑动动画 end -->
		</div>
		<!-- Slider end -->

		<!-- Center -->
		<div class="center text-center" id="content">
			<!-- 公司介绍 -->
			<div class="introduce">
				<div> 
                    <h2>"&nbsp;&nbsp;欣米崇尚富有感染力和影响力的用户体验,追求有价值的好设计&nbsp;&nbsp;"</h2>
                    <p>深圳欣米文化传播有限公司是致力于用户体验和线上营销方案的设计公司，一直以来，我们力争与客户一起打造最完美的体验解决方案<br>帮助客户强化传统互联网竞争力，并协助客户在移动互联网确立领先优势</p>
                  <a href="#" class="button button-3d">CONACT US</a>
                </div>
			</div>
			<!-- 公司介绍 end -->

			<!-- 业务介绍 -->
			<div class="business">
				<div class="container">
					<div class="row text-right">
						<div class="col-md-4">
							<span class="glyphicon glyphicon-phone-alt"></span>
							<h4>网络营销设计</h4>
							<p>提供高质量的设计服务与体验,有用的设计才是好设计</p>
						</div>
						<div class="col-md-4">
							<span class="glyphicon glyphicon-phone-alt"></span>
							<h4>品牌视觉整合</h4>
							<p>站在用户的角度,利用品牌设计,创造性的为客户解决问题</p>
						</div>
						<div class="col-md-4">
							<span class="glyphicon glyphicon-phone-alt"></span>
							<h4>产品设计开发</h4>
							<p>关注用户体验提供可执行的整套产品解决方案</p>
						</div>
					</div>
					<a href="" class="button button-3d">CASES</a>
				</div>
			</div>
			<!-- 业务介绍 end -->

			<!-- 客户评价 -->
			<div class="evaluate">
				<div class="container">
					<div class="title">
						<h3>CIMI Clients Say</h3>
					</div>

					<div class="evaluate-slider">
						<div class="item" id="evaluate1">
							<div class="head-img">
								<a href=""><img src="img/head.jpg" alt=""></a>
							</div>

							<div class="evaluate-txt">
								<p>相信很多到了一定规模的公司，都需要创造力、设计表现力十足的外部合作伙伴，协助做更多灵活的创意解决方案，欣米就是我们合作过程中很惊喜发现的这样的合作伙伴</p>
								<p class="evaluate-meta">
									NANI YU -</br>
									<span>MIDEA.INC</span>
								</p>
							</div>
						</div>

						<div class="item" id="evaluate2">
							<div class="head-img">
								<a href=""><img src="img/head2.jpg" alt=""></a>
							</div>

							<div class="evaluate-txt">
								<p>" 专业的团队，强大的执行力，走心的设计。欣米团队，无往而不胜。"</p>
								<p class="evaluate-meta">
									 JING ZHANG -</br>
									<span>CIIER.INC</span>
								</p>
							</div>
						</div>

						<ul class="evaluate-slider-btn">
							<li id="btn1" class="active"></li>
							<li id="btn2"></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 客户评价 end -->


			<!-- 客户列表 -->
			<div class="client">
				<div class="container">
					<div class="title">
						<h3>CIMI CLIENTS</h3>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/1.jpg" alt="美的">
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/2.jpg" alt="美的">
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/3.jpg" alt="美的">
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/4.jpg" alt="美的">
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/5.jpg" alt="美的">
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/head2.jpg" alt="美的">
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/7.jpg" alt="美的">
							</div>
						</div>
						<div class="col-md-3 col-sm-6">
							<div class="client-logo">
								<img src="img/8.jpg" alt="美的">
							</div>
						</div>
						
					</div>
				</div>
			</div>
			<!-- 客户列表 end -->

			<!-- 案例列表 -->
			<div class="case" id="case">
				<div class="container">
					<div class="title">
						<h3>NEW CASES</h3>
					</div>

					<div class="case-list row">
						<div class="case-item col-md-3 col-sm-6">
							<div class="case-img">
								<a href=""><img src="img/2_2.jpg" alt=""></a>
								<div class="view"><span class="glyphicon glyphicon-plus"></span></div>
							</div>

							<div class="team-desc">
								<div class="team-title">
									<h4>PAIPAI.COM </h4>
									<span>WEB DESIGN</span>
								</div>
							</div>
						</div>
						<div class="case-item col-md-3 col-sm-6">
							<div class="case-img">
								<a href=""><img src="img/2_2.jpg" alt=""></a>
								<div class="view"><span class="glyphicon glyphicon-plus"></span></div>
							</div>

							<div class="team-desc">
								<div class="team-title">
									<h4>PAIPAI.COM </h4>
									<span>WEB DESIGN</span>
								</div>
							</div>
						</div>
						<div class="case-item col-md-3 col-sm-6">
							<div class="case-img">
								<a href=""><img src="img/2_2.jpg" alt=""></a>
								<div class="view"><span class="glyphicon glyphicon-plus"></span></div>
							</div>

							<div class="team-desc">
								<div class="team-title">
									<h4>PAIPAI.COM </h4>
									<span>WEB DESIGN</span>
								</div>
							</div>
						</div>
						<div class="case-item col-md-3 col-sm-6">
							<div class="case-img">
								<a href=""><img src="img/2_2.jpg" alt=""></a>
								<div class="view"><span class="glyphicon glyphicon-plus"></span></div>
							</div>

							<div class="team-desc">
								<div class="team-title">
									<h4>PAIPAI.COM </h4>
									<span>WEB DESIGN</span>
								</div>
							</div>
						</div>

					</div>

					<!-- 拖动 -->
					<div class="drag-scroll">
						<div class="bar"></div>
					</div>
				</div>
			</div>
			<!-- 案例列表 end -->

			<!-- 联系我们 -->
			<div class="contact" id="contact">
				<div class="container">
					<div class="title">
						<h3>CONTACT US</h3>
					</div>

					<div class="contact-info">
						<p>
                            我们是一群对设计偏执狂热的人，我们崇尚有价值的好设计，倡导自由激发式的工作氛围，我们追求极致的细节和生活的态度。<br>
                            我们诚挚邀请志同道合加入我们<br>
                            简历发至:&nbsp;&nbsp;HR@cimidesign.com&nbsp;&nbsp;&nbsp;&nbsp;联系电话:&nbsp;&nbsp;0755-23321435
                        </p>
                        <a href="" class="button button-3d">JOIN US</a>
					</div>
				</div>
			</div>
			<!-- 联系我们 end -->

		</div>
		<!-- Center end -->

		<!-- Footer -->
		<div class="footer">
			<div class="container">
				<div class="copyright text-right">
	                <p>Copyrights © 2015 All Rights Reserved by</p>
	                <p><img src="img/pic1.gif" alt="">
	                CIMIDESIGN Co.,Ltd</p>
	                <p class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></p>
	            </div>

			</div>
		</div>
		<!-- Footer end -->

		<!-- Go top -->
		<div id="go_top">
			<span class="glyphicon glyphicon-chevron-up"></span>
		</div>
		<!-- Go top end -->
	</div>


	<script src="js/jquery-min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/index.js"></script>
	<script>
    var swiper = new Swiper('.swiper-container', {
      navigation: {
        nextEl: '.btn-next',
        prevEl: '.btn-prev',
      },
      loop: true,
    });
  </script>
</body>
</html>